<template>
  <view class="container">
    <view class="header">
      <view class="left" @click="router.back()">
        <img data-v-aac41b6e="" data-v-1fe0e1fb="" src="https://s2023.oss-cn-qingdao.aliyuncs.com/resource/svg/light/jiantou-z.svg?2.0.1758608441505" class="icon leftImg" mode="">
      </view>
      <view class="center">
        <p class="header">{{currentName}}</p>
      </view>
    </view>

  </view>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
 const props = defineProps({    
  currentName: {
    type: String,
    default: ''
  }
 })
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--ex-border-color);

  .header {
    font-size: 16px;
    font-weight: bold;
    color: var(--ex-default-font-color);
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: var(--ex-home-list-bgcolor);
    .left {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: normal;
        color: var(--ex-default-font-color);
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .center {
      display: flex;
      align-items: center;
      justify-content: center;


    }
  }

}
</style>